<script type="text/javascript" src="http://dondeaprendo.com/script/scrollbartable.js"></script>
<style type="text/css">
table tr.persona td {
	color: #360;
	text-decoration:none;
	font-weight:bold;
	border-bottom:1px dotted #CCC;
	background-color:#E5E5E5;
}
table tr.separador td {
 	background-color: #E8E8E8;	
}
</style>
<!-- START BLOCK : DISPLAYCLASE -->
<fieldset>
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Informaci&oacute;n de la Clase</legend>
<table class="tablada" style="border:1px solid black;">
<tr>
  <th>Clase</th>
<th>Fecha</th><th>Profesor</th>
<th>Comentarios</th>
</tr>
<tr>
  <td style="font-weight:bold; padding:10px;">{descripcion_clase}</td>
<td style="font-weight:bold; padding:10px;">{fecha_clase}</td>
<td style="font-weight:bold"><a href="ver_perfil.php?ida={id_persona}">{nombre_persona}</a></td>
<td style="font-weight:bold">{comentarios}</td>
</tr>
</table>
</fieldset>
<!-- END BLOCK : DISPLAYCLASE -->
<!-- START BLOCK : FORMULARIOAGREGAR -->
<fieldset>
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Informacion de la clase</legend>
<form action="clases_editar.php" method="post" id="frmclase">
<table>
<tr>
<td><strong>Titulo</strong></td>
<td><strong>Fecha</strong></td>
<td><strong>Comienzo</strong></td>
<td><strong>Fin</strong></td>
</tr>
<tr>
<td><input type="text" name="descripcion_clase" size="30" maxlength="100" value="{descripcion_clase}" /></td>
<td><input type="text" name="fecha_clase" style="text-align:center" size="10" maxlength="10" value="{fecha_clase}" id="fecha_clase" /></td>
<td>{hora_comienzo}</td>
<td>{hora_fin}</td>
</tr>
<tr>
  <td>Instituto</td>
  <td>{comboinstitutos}</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
</tr>
<tr>
  <td>Materia</td>
  <td>{combomaterias}</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
</tr>
<tr>
  <td><strong>Profesor</strong></td>
  <td>{comboprofesor}</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
</tr>
<tr>
  <td><strong>Cupo Maximo de Personas</strong></td>
  <td><input  disabled="disabled" type="text" name="cupo_maximo" style="text-align:right" size="10" maxlength="10" value="{cupo_maximo}" id="cupo_maximo" /></td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
</tr>
<tr>
  <td><strong>Costo por hora</strong></td>
  <td><input disabled="disabled" type="text" name="costo_por_hora" style="text-align:right" size="10" maxlength="10" value="{costo_por_hora}" id="cupo_maximo2" />
    Bsf</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
</tr>
<tr>
  <td><strong>Lugar</strong></td>
  <td colspan="2"><input type="text" name="lugar" value="{lugar}" size="40" placeholder="Lugar de la clase" /></td>
  <td>&nbsp;</td>
</tr>
<tr>
  <td>Clase Cobrada ?</td>
  <td colspan="2">
  <div id="fue_cobrada_set">
  <input type="radio" name="fue_cobrada" id="fue_cobrada_si" value="1" /><label for="fue_cobrada_si">Si</label>
  <input type="radio" name="fue_cobrada" id="fue_cobrada_no" value="0" /><label for="fue_cobrada_no">No</label>
  </div>
  </td>
  <td>&nbsp;</td>
</tr>
<tr>
  <td colspan="4">&nbsp;</td>
</tr>
<tr>
  <td colspan="4">Comentarios</td>
</tr>
<tr>
  <td colspan="4"><textarea cols="36" rows="2" placeholder="Comentarios de la clase..." name="comentarios">{comentarios}</textarea></td>
  </tr>
</table>
<br>
<br>
<input type="submit" class="fg-button ui-state-default ui-corner-all" id="btn_aceptar" value="Guardar">
<a class="fg-button ui-state-active ui-corner-all" id="btn_cancelar" href="main.php">Cancelar</a>
<a id="ver_asistentes" class="fg-button ui-state-active ui-corner-all" href="clases_ver.php?idc={id_clase}">Asistentes</a>
<input type="hidden" name="id_clase" value="{id_clase}">
<input type="hidden" name="accion" value="agregar">
</form>
<script type="text/javascript">
$(function() {
	$("#fecha_clase").datepicker();
	if($("input[name='id_clase']").val()=="0") {
		$("#ver_asistentes").hide();
	}
	$("input[name='descripcion_clase']").focus();
	$("#fue_cobrada_set").buttonset();
	$("#cmb_id_instituto").jCombo("./servicios/getInstitutos.php?id=", { selected_value : '{id_instituto}' } );
    $("#cmb_id_materia").jCombo("./servicios/getMaterias.php?id=", { 
		parent: "#cmb_id_instituto", 
		parent_value: '{id_instituto}', 
		selected_value: '{id_materia}' 
	});		
	$("select[name*='hora']").attr("disabled","disabled");
});
</script>
</fieldset>
<!-- END BLOCK : FORMULARIOAGREGAR -->
<!-- START BLOCK : FORMULARIOBUSQUEDA -->
<fieldset class="ui-widget">
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Busqueda de clases</legend>
<form method="post" id="fbusqueda" action="{self}">
<input type="text" id="txt_texto" name="texto" value="{texto}" />
{profesor}&nbsp;{estatuses}&nbsp;<input type="text" size="10" name="fecha_desde" value="{fecha_desde}" style="text-align:center" maxlength="10">
&nbsp;<input type="text" size="10" name="fecha_hasta" value="{fecha_hasta}" style="text-align:center" maxlength="10">
<input type="submit" id="btn_buscar" class="fg-button ui-state-default ui-corner-all" value="Buscar">
&nbsp;<a class="fg-button ui-state-default ui-corner-all" id="btn_agregar" href="clases_editar.php">Agregar una clase</a>
</form>
</fieldset>
<script type="text/javascript">
$(function() { 
	$("input[name^='fecha']").datepicker();
	$("#txt_texto").focus().select();
});
</script>
<!-- END BLOCK : FORMULARIOBUSQUEDA -->
<!-- START BLOCK : CLASELISTADO -->
<form method="post" action="{self}">
<fieldset>
<table class="tablada" cellpadding="0" cellspacing="0">
<thead>
<tr>
  <th><input type="checkbox" id="todos" /></th>
<th>Clase</th>
<th>Profesor</th>
<th>Fecha</th>
<th>Estatus</th>
<th>Clase Cobrada</th>
<th>Total de la Clase</th>
<th>Lugar</th>
<th>Comentarios</th>
<th>&nbsp;</th>
</tr>
</thead>
<tbody>
<!-- START BLOCK : CLASEFILA -->
<tr class="{separador}">
  <td><input type="checkbox" class="sel_personas" name="nclase[]" value="{id_clase}" /></td>
<td><a href="clases_ver.php?idc={id_clase}">&nbsp;{descripcion_clase}</a></td>
<td><a href="ver_perfil.php?ida={id_profesor}">{nombre_persona}</a></td>
<td>{fecha_clase}</td>
<td><span style="color:{color}; font-weight:bold;">{estatus}</span></td>
<td style="text-align:center">{fue_cobrada}</td>
<td style="text-align:right">{total_monto}</td>
<td>{lugar}</td>
<td>&nbsp;{comentarios}</td>
<td><span style="text-align:center"><a href="clases_editar.php?idc={id_clase}"><img src="http://dondeaprendo.com/images/icon.edit.gif" /></a></span></td>
</tr>
<!-- END BLOCK : CLASEFILA -->
</tbody>
<!-- START BLOCK : CLASETOTAL -->
<tfoot>
<tr>
  <td>&nbsp;</td>
  <td colspan="5" style="text-align:right"><strong>Total</strong>&nbsp;</td>
  <td style="text-align:right"><strong>{total_monto_total}</strong></td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
</tr>
</tfoot>
<!-- END BLOCK : CLASETOTAL -->
</table>
<script type="text/javascript">
$(function() {
	$(".eliminar").click(function() {
		return confirm("Desea eliminar esta clase?");
	});
	$("#todos").click(function() {
		 $("input.sel_personas").attr('checked', $('#todos').is(':checked'));  
	});
	$(".tablada:first").scrollbarTable();
});
</script>
<select name="accion">
<option value="0">-- Seleccione una Opci&oacute;n --</option>
<option value="facturar_clases">Facturar Clases</option>
<!--option value="eliminar_clases">Eliminar Clases</option-->
<option value="clases_cobradas">Marcar clases como cobradas</option>
</select><input type="submit" name="btnaplicar" class="ui-state-default ui-corner-all" value="Aplicar a la Selecci&oacute;n" /-->
</fieldset>
</form>
<script type="text/javascript">
$(function() {
	
});
</script>
<br />
<br />
<!-- END BLOCK : CLASELISTADO -->
<!-- START BLOCK : AGREGARALUMNO -->
<fieldset>
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Clase de {nombre_persona}</legend>
<h3>{descripcion_clase}</h3>
<div style="font-weight:bold; color:{color};">{estatus}</div>
<div style="color:red">{fue_cobrada}</div>
<div style="font-size:10px">{fecha_clase} - de {hora_comienzo} a {hora_fin}<br />
{comentarios} <a style="color:blue;" href="clases_editar.php?idc={id_clase}">[Editar esta clase]</a><br />
</div><br />
<form method="post" action="{self}" id="frminsertar">
<input type="hidden" value="0" id="id_alumno_sel" name="id_alumno" />
<input type="hidden" value="{id_clase}" name="id_clase" />
<input type="hidden" name="accion" value="ag_alumno" />
<table class="tablada">
<tr>
  <th>alumno</th>
  <th style="text-align:center">comentarios</th>
  <th style="text-align:center">horas</th>
  <th colspan="2">monto/hora</th>
  <th>abonado</th>
  <th>total</th>
  <th>saldo</th>
  <th>&nbsp;</th>
  </tr>
<!-- START BLOCK : PERSONAITEM -->
<tr class="persona">
  <td>&nbsp;<a href="ver_perfil.php?ida={id_persona}">{nombre_persona}</a></td>
  <td>{comentario}</td>
  <td style="text-align:center">{horas}</td>
  <td style="text-align:right">{monto}</td>
  <td>&nbsp;</td>
  <td style="text-align:right">{abonado}</td>
  <td style="text-align:right">{montototal}</td>
  <td style="text-align:right">{saldo}</td>
  <td style="text-align:center">&nbsp;
  <!-- START BLOCK : ENLACE -->
  <a href="clases_ver.php?idc={id_clase}&ida={id_alumno}&accion=eliminar_item" class="eliminar" style="color:blue; font-size:12px">Quitar de la lista</a>
  <!-- END BLOCK : ENLACE -->
  </td>
  </tr>
<!-- END BLOCK : PERSONAITEM -->
<!-- START BLOCK : PERSONATOTAL -->
<tr class="persona">
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>Total</td>
  <td style="text-align:right; color:black;">{total_abonado}</td>
  <td style="text-align:right; color:black;">{total}</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
</tr>
<!-- END BLOCK : PERSONATOTAL -->
<!-- START BLOCK : AGALUMNO -->
<tr>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
</tr>
<tr>
  <td><input type="text" placeholder="Nombre de la Persona" name="txtbuscar" id="txtbuscar" size="30" /></td>
  <td style="text-align:center"><input type="text" placeholder="Comentarios..." name="comentario" size="30" /></td>
  <td style="text-align:center">
    <select name="horas">
      <option value="1">1</option>
      <option value="2" selected="selected">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      </select>
    </td>
  <td style="text-align:center"><input type="text" size="5"name="monto" value="{session_monto}" style="text-align:right" />&nbsp;</td>
  <td><a style="color:blue; text-decoration:none; font-size:22px;" href="javascript:void(0);" id="pago_rapido">&nbsp;=&gt;&nbsp;</a></td>
  <td><input type="text" size="5" name="monto_inmediato" value="0" style="text-align:right" /></td>
  <td><span style="text-align:center">
    <input type="submit" id="btn_insertaral" value="Registrar" class="fg-button ui-state-default ui-corner-all" />
  </span></td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  </tr>
<!-- END BLOCK : AGALUMNO -->
</table>
<!-- START BLOCK : BOTONSALVAR -->
<br />
<br />
<a href="clases_ver.php?idc={id_clase}&accion=salvar_cambios" class="salvar fg-button ui-state-default ui-corner-all">Facturar Clase</a>&nbsp;
<a href="clases_ver.php?idc={id_clase}&accion=eliminar_clase" class="eliminartodo fg-button ui-state-default ui-corner-all">Eliminar/Anular la Clase</a>&nbsp;
<a href="main.php" class="fg-button ui-state-default ui-corner-all">Cancelar</a>&nbsp;
<!-- END BLOCK : BOTONSALVAR -->
</form>
</fieldset>
<script type="text/javascript">
$(function() {
	$(".salvar").click(function() {
		return confirm("Desea facturar la clase ?\n\n(esta operacion es irreversible)");
	});
	$("#pago_rapido").click(function() {
		$monto = parseInt($("input[name='monto']").val());
		$horas = parseInt($("select[name='horas']").val());
		$("input[name='monto_inmediato']").val($monto*$horas + '');
		return false;
	});
	$("#txtbuscar").autocomplete({
        source: "servicios/getNombres.php",
        delay: 200,
        select: function(event, ui) {
            if(ui.item.id!="0") $("#id_alumno_sel").val(ui.item.id);
        }
      }); 
	$("#txtbuscar").focus();
	$("#frminsertar").submit(function() {
		if($("#txtbuscar").val().esVacio()) {
			alert("El nombre de la persona no puede ser vacio");
			$("#txtbuscar").focus();
			return false;
		};
	});
	$(".eliminar").click(function() {
		return confirm("Desea eliminar este alumno?");
	});
	$(".eliminartodo").click(function() {
		return confirm("Esta operacion anula todos los datos de esta clase\nDesea continuar?");
	});
});
</script>
<div id="prueba">

</div>
<!-- END BLOCK : AGREGARALUMNO -->
<!-- START BLOCK : SINRESULTADOS -->
<h3>No se encontraron resultados</h3>
<!-- END BLOCK : SINRESULTADOS -->